<!--  -->
<template>
    <div class="thehead">
      <van-nav-bar   left-arrow>
         <template #left>
    <slot name="left"></slot>
  </template> 
    <template #title>
    <slot name="center"></slot>
  </template>
  <template #right>
    <slot name="right"></slot>
  </template>
</van-nav-bar>
    </div>
</template>

<script>
import Vue from 'vue';
import { NavBar } from 'vant';

Vue.use(NavBar);
    export default {
        data() {
            return {

            }
        },
        methods: {
            onClickLeft() {
                Toast('返回');
            },
            onClickRight() {
                Toast('按钮');
            },
        },
        //生命周期 - 创建完成（访问当前this实例）
        created() {

        },
        //生命周期 - 挂载完成（访问DOM元素）
        mounted() {

        }
    }
</script>
<style scoped lang="less">
    /* @import url(); 引入css类 */
    @import "../../assets/css/index.less";
    .thehead{
        width: 100vw;
       
    }
</style>